はじめに

久しぶりに動画を埋め込んだページを作成した際に、iOSでもインライン再生できるようになっていたのでその備忘録

playsinline を指定する

iOS10から、HTML5のvideoタグで指定した動画にインライン再生するオプションを付けることで再生が可能に。

<video playsinline muted loop autoplay>
	<source src="">
</video>

なお、playsinlineタグがiOS9以前のSafariは今までと同じで動画サムネイルの再生ボタンをタップして全画面での再生となる。あと、無音でないと再生されないので、muted を指定。自動再生されるように autoplay。